*{margin:0;padding:0;}
body{color:#666;font-family: "黑体";background:url(../images/bj.png) no-repeat center top ;background-size: 100% 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,span{vertical-align:baseline;} 
button, input, select, textarea{font-size:100%;} 
button{cursor:pointer;}
th,td{font-size:12px;}
::-webkit-input-placeholder {color:#999;}
:-moz-placeholder  {color:#999;}
::-moz-placeholder  {color:#999;}
:-ms-input-placeholder  {color:#999;}
a{color:#333;cursor:pointer;text-decoration: none;}
a:hover{color:#1e3a72;}
ol,ul{list-style:none;} 
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} 
input,textarea{outline:none; vertical-align:middle;}
img{display:inline-block;vertical-align:text-top;border:0;line-height:0;font-size:0;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;	width:0;height:0;}
.clearfix:before,.clearfix:after{content:" ";display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.fl{float:left;}
.fr{float:right;}
.w1200{width:100%;margin:0 auto;}

/*header*/
#header { position: relative; width: 100%; max-width: 1200px; margin: 0 auto; }
.gnb li{width: 200px;height: 200px;position: absolute;background: #0d4290;z-index: 100;}
.gnb li:hover { background: #eb871d; }
.gnb li a{display: block;display: block; height: 100%; position: absolute; top: 0;width: 100%;}
.gnb li h2{color: #fff;font-size: 1.5rem;width: 80%;margin:1.4rem auto;}
.gnb li h3{color: #fff;font-size: 1.5rem;width: 58%;margin: 2rem auto 1rem 1rem;}
.gnb li p{color: #fff;font-size:0.5rem;width: 85%;margin: 0.5rem auto; line-height: 1.3rem;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.gnb a p i{display: inline-block;}
.mail-txt{font-size: 0.1rem;}
.diz{width:12px;height: 15px;background: url(../images/diz.png)no-repeat center;vertical-align: middle;}
.phone{width:16px;height: 17px;background: url(../images/phone.png)no-repeat center;vertical-align: middle;}
.mail{width: 16px;height: 12px;background: url(../images/mail.png)no-repeat center;vertical-align: middle;}
.gnb .m1 { top: 202px; left: 1000px;}
.gnb .m2 { top: 402px; left: 800px;}
.m2>a>h3 { margin: 80px 50px;}
.gnb .m3 { top: 400px; left: 1200px;}
.gnb>.m6>a>h3{margin: 3rem auto 2rem;}
.jtou{display: inline-block;width: 6px;height: 12px;background: url(../images/jt.png)no-repeat center; vertical-align: middle;margin-top: -6px;}
.hzioc{display: inline-block;width: 68px;height:65px;background:  url(../images/aixin.png)no-repeat center;}
.gnb .m4 { top: 602px; left: 600px;}
.gnb .m5 { top: 802px; left: 400px;}
.m5>a>h3 { margin: 80px 50px;}
.gnb .m6 { top: 1002px; left: 200px;text-align: center;} 

/*#container*/
#container { position: relative; }
.contents { min-height: 1000px; }
.contents { position: relative; max-width: 1200px; margin: 0 auto;}
.quad-people li { position: absolute; width: 200px;overflow: hidden;}
.quad-people li img{transition: all 0.6s;}
.quad-people li img:hover{transform: scale(1.12);}
.quad-people .people1 { top: 0; left: 800px;}
.quad-people .people2 { top: 200px; left:0px;}
.quad-people .people3 { top: 200px; left:200px;width: 400px;}
.quad-people .people4 { top: 200px; left:600px;}
.quad-people .people5 { top: 200px; left:1000px;}
.quad-people .people6 { top: 400px; left:-200px;}
.quad-people .people7 { top: 400px; left:0px;width: 400px;}
.quad-people .people8 { top: 400px; left:400px;}
.quad-people .people9 { top: 600px; left:600px;width: 400px;}
.quad-people .people10 {top: 600px;left:1000px;}
.quad-people .people11 {top: 800px;left:600px;}
.quad-people .people12 {top: 800px;left:800px;}
/*bottom*/
.bottom{width: 100%;margin-top: 10rem; padding: 2rem 0;border-top:1px solid #344a68 ;}
.bottom_bar{width:1330px;margin: auto;}
.bottom_bar ul li{display: inline-block;padding: 0 2.2rem;}
.bottom_bar ul li a{color: #fff;font-size: 1rem;}

/*.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } */
@media screen and (min-width:1200px) and (max-width:1620px){
 		.quad-people .people6 { top: 800px; left: 0; }
		.gnb .m3 { top: 1000px; left: 1000px; }
} 
@media screen and (min-width:768px) and (max-width:1366px){
 		.quad-people .people6 { top: 800px; left: 0; }
		.gnb .m3 { top: 1000px; left: 1000px; }
		.bottom_bar ul li:nth-child(7){display: block;text-align: center;}
}